{% extends '../inc/admin.content.html' %}


{% block button %}
<div class="nowrap pull-right" style="margin-top:10px">
  <button data-modal='{{'/' + ctx.controller + '/add' }}' data-title="添加用户" class='layui-btn layui-btn-small'>
      <i class='fa fa-plus'></i> 添加用户
  </button>
  <button data-update data-field='delete' data-action='{{'/' + ctx.controller + '/del' }}' class='layui-btn layui-btn-small layui-btn-danger'>
      <i class='fa fa-remove'></i> 删除用户
  </button>
</div>
{% endblock %}
{% block content %}
<!-- 表单搜索 开始 -->
<form class="layui-form layui-form-pane form-search" action="{{ ctx.originalUrl }}" onsubmit="return false" method="get">
  <div class="layui-form-item layui-inline">
      <label class="layui-form-label">用户名</label>
      <div class="layui-input-inline">
          <input name="username" value="{{controller.get().username|default('')}}" placeholder="请输入用户名" class="layui-input">
      </div>
  </div>

  <div class="layui-form-item layui-inline">
      <label class="layui-form-label">手机号</label>
      <div class="layui-input-inline">
          <input name="mobile" value="{{controller.get().mobile|default('')}}" placeholder="请输入手机号" class="layui-input">
      </div>
  </div>

  <div class="layui-form-item layui-inline">
      <label class="layui-form-label">电子邮箱</label>
      <div class="layui-input-inline">
          <input name="email" value="{{controller.get().email|default('')}}" placeholder="请输入电子邮箱" class="layui-input">
      </div>
  </div>

  <div class="layui-form-item layui-inline">
      <label class="layui-form-label">登录时间</label>
      <div class="layui-input-inline">
          <input name="date" id='range-date' value="{{controller.get().date|default('')}}"
                 placeholder="请选择登录时间" class="layui-input">
      </div>
  </div>

  <div class="layui-form-item layui-inline">
      <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
  </div>
</form>
<!-- 表单搜索 结束 -->

<form onsubmit="return false;" data-auto="true" method="post">
  {% if list.length === 0 %}
  <p class="help-block text-center well">没 有 记 录 哦！</p>
  {% else %}
  <input type="hidden" value="resort" name="action"/>
  <table class="layui-table" lay-skin="line" lay-size="sm">
      <thead>
          <tr>
              <th class='list-table-check-td'>
                  <input data-none-auto="" data-check-target='.list-check-box' type='checkbox'/>
              </th>
              <th class='text-left nowrap'>用户名</th>
              <th class='text-left nowrap'>手机号</th>
              <th class='text-left nowrap'>电子邮箱</th>
              <th class='text-left nowrap'>登录次数</th>
              <th class='text-left nowrap'>最后登录</th>
              <th class='text-left nowrap'>状态</th>
              <th class='text-left nowrap'>操作</th>
          </tr>
      </thead>
      <tbody>
          {% for vo in list %}
          <tr>
              <td class='list-table-check-td'>
                  <input class="list-check-box" value='{{ vo.id }}' type='checkbox'/>
              </td>
              <td class='text-left nowrap'>
                  {{vo.username}}
              </td>
              <td class='text-left nowrap'>
                  {{vo.mobile|default("<span class='color-desc'>还没有设置手机号</span>" | safe, true)}}
              </td>
              <td class='text-left nowrap'>
                  {{vo.email|default("<span class='color-desc'>还没有设置邮箱</span>" | safe, true)}}
              </td>
              <td class='text-left nowrap'>
                  {{vo.login|default("<span class='color-desc'>从未登录</span>" | safe, true)}}
              </td>
              <td class='text-left nowrap'>
                  {{vo.last_login_time|default(0)| format_time}}
              </td>
              <td class='text-left nowrap'>
                  {% if vo.status === 0 %}
                  <span>已禁用</span>
                  {% elseif vo.status === 1 %}
                  <span style="color:#090">使用中</span>
                  {% endif %}
              </td>
              <td class='text-left nowrap'>
                  {% if vo.status === 1 %}
                  <span class="text-explode">|</span>
                  <a data-modal='{{'/' + ctx.controller + '/edit?id=' + vo.id }}' href="javascript:void(0)">编辑</a>
                  {% endif %}
                  {% if vo.status === 1 %}
                  <span class="text-explode">|</span>
                  <a data-modal='{{'/' + ctx.controller + '/auth?id=' + vo.id }}' href="javascript:void(0)">授权</a>
                  {% endif %}
                  {% if vo.status === 1 %}
                  <span class="text-explode">|</span>
                  <a data-modal='{{'/' + ctx.controller + '/pass?id=' + vo.id }}' data-title="修改密码" href="javascript:void(0)">密码</a>
                  {% endif %}
                  {% if vo.status === 1 %}
                  <span class="text-explode">|</span>
                  <a data-update="{{vo.id}}" data-field='status' data-value='0' data-action='{{'/' + ctx.controller + '/forbid?id=' + vo.id }}'
                     href="javascript:void(0)">禁用</a>
                  {% elseif vo.status === 0 %}
                  <span class="text-explode">|</span>
                  <a data-update="{{vo.id}}" data-field='status' data-value='1' data-action='{{'/' + ctx.controller + '/resume?id=' + vo.id }}'
                     href="javascript:void(0)">启用</a>
                  {% endif %}
                  {% if vo.status === 1 %}
                  <span class="text-explode">|</span>
                  <a data-update="{{vo.id}}" data-field='delete' data-action='{{'/' + ctx.controller + '/del?id=' + vo.id }}'
                     href="javascript:void(0)">删除</a>
                  {% endif %}
              </td>
          </tr>
          {% endfor %}
      </tbody>
  </table>
  <footer>
      <div class="row">
          <div class="col-sm-12 text-right text-center-xs">
              {{pagerData | safe}}
          </div>
      </div>
  </footer>
  {% endif %}
  <script>
      window.laydate.render({range: true, elem: '#range-date', format: 'yyyy/MM/dd'});
  </script>
</form>
{% endblock %}